<!--
 * 文件描述:
 * @author Lz on 2020/7/4
 -->
<template>
  <div>
    <input
      type="text"
      :value="value"
      @input="$emit('input',$event.target.value)">
    <slot></slot>
    <todo-item v-bind="$attrs" v-on="$listeners"></todo-item>

    <h3>{{ name }}</h3>
  </div>
</template>
<script>
  import TodoItem from "@/components/todo-item";

  export default {
    name: "item-input",
    components: {TodoItem},
    inheritAttrs: false,
    data() {
      return {
        name:''
      }
    },
    props: ['value', 'placeholder', 'htmlUrl'],
    methods: {

    }
  }
</script>

<style lang="scss" scoped>

</style>
